<?php
/*
Template Name: dinner
*/
?>

<?php get_header(); ?>
<!--主屏-->
<div class="page-w sub-banner" style="height: 516px; background-image: url(images/dinner-banner.jpg)"></div>
<!--con-->
<div class=" main-con  index-con text_c dinner"><strong>超值套餐</strong>
  <ul class="clearfix">
    <li>
      <div class="setMeal"><img src="img/dinner.jpg" width="370" height="260" alt=""/>
        <div class="setMeal-con trans">
          <ul class="clearfix trans">
            <li><strong>套餐内容</strong>
              <p>凉菜/甜品：橙香雪梨、仙草小番茄2选1</p>
              <p>配菜：二人拼盘	1份 </p>
              <p>主食：米饭	2份 </p>
              <p>饮料：梅大大的乌梅 汁 1扎</p>
              <a class="btn btn-y" onClick="dinner(this);">立即预定</a></li>
            <li>
              <p>预留姓名：
                <input type="text"  />
              </p>
              <p>预留电话：
                <input  type="text"  />
              </p>
              <p>预留人数：
                <input  type="text"  />
              </p>
              <a class="btn btn-y">立即预定</a></li>
          </ul>
        </div>
      </div>
      精品2人套餐<span>￥2000</span></li>
    <li>
      <div class="setMeal"><img src="img/dinner.jpg" width="370" height="260" alt=""/>
        <div class="setMeal-con trans">
          <ul class="clearfix trans">
            <li><strong>套餐内容</strong>
              <p>凉菜/甜品：橙香雪梨、仙草小番茄2选1</p>
              <p>配菜：二人拼盘	1份 </p>
              <p>主食：米饭	2份 </p>
              <p>饮料：梅大大的乌梅 汁 1扎</p>
              <a class="btn btn-y" onClick="dinner(this);">立即预定</a></li>
            <li>
              <p>预留姓名：
                <input type="text"  />
              </p>
              <p>预留电话：
                <input  type="text"  />
              </p>
              <p>预留人数：
                <input  type="text"  />
              </p>
              <a class="btn btn-y">立即预定</a></li>
          </ul>
        </div>
      </div>
      精品2人套餐<span>￥2000</span></li>
    <li>
      <div class="setMeal"><img src="img/dinner.jpg" width="370" height="260" alt=""/>
        <div class="setMeal-con trans">
          <ul class="clearfix trans">
            <li><strong>套餐内容</strong>
              <p>凉菜/甜品：橙香雪梨、仙草小番茄2选1</p>
              <p>配菜：二人拼盘	1份 </p>
              <p>主食：米饭	2份 </p>
              <p>饮料：梅大大的乌梅 汁 1扎</p>
              <a class="btn btn-y" onClick="dinner(this);">立即预定</a></li>
            <li>
              <p>预留姓名：
                <input type="text"  />
              </p>
              <p>预留电话：
                <input  type="text"  />
              </p>
              <p>预留人数：
                <input  type="text"  />
              </p>
              <a class="btn btn-y">立即预定</a></li>
          </ul>
        </div>
      </div>
      精品2人套餐<span>￥2000</span></li>
    <li>
      <div class="setMeal"><img src="img/dinner.jpg" width="370" height="260" alt=""/>
        <div class="setMeal-con trans">
          <ul class="clearfix trans">
            <li><strong>套餐内容</strong>
              <p>凉菜/甜品：橙香雪梨、仙草小番茄2选1</p>
              <p>配菜：二人拼盘	1份 </p>
              <p>主食：米饭	2份 </p>
              <p>饮料：梅大大的乌梅 汁 1扎</p>
              <a class="btn btn-y" onClick="dinner(this);">立即预定</a></li>
            <li>
              <p>预留姓名：
                <input type="text"  />
              </p>
              <p>预留电话：
                <input  type="text"  />
              </p>
              <p>预留人数：
                <input  type="text"  />
              </p>
              <a class="btn btn-y">立即预定</a></li>
          </ul>
        </div>
      </div>
      精品2人套餐<span>￥2000</span></li>
    <li>
      <div class="setMeal"><img src="img/dinner.jpg" width="370" height="260" alt=""/>
        <div class="setMeal-con trans">
          <ul class="clearfix trans">
            <li><strong>套餐内容</strong>
              <p>凉菜/甜品：橙香雪梨、仙草小番茄2选1</p>
              <p>配菜：二人拼盘	1份 </p>
              <p>主食：米饭	2份 </p>
              <p>饮料：梅大大的乌梅 汁 1扎</p>
              <a class="btn btn-y" onClick="dinner(this);">立即预定</a></li>
            <li>
              <p>预留姓名：
                <input type="text"  />
              </p>
              <p>预留电话：
                <input  type="text"  />
              </p>
              <p>预留人数：
                <input  type="text"  />
              </p>
              <a class="btn btn-y">立即预定</a></li>
          </ul>
        </div>
      </div>
      精品2人套餐<span>￥2000</span></li>
    <li>
      <div class="setMeal"><img src="img/dinner.jpg" width="370" height="260" alt=""/>
        <div class="setMeal-con trans">
          <ul class="clearfix trans">
            <li><strong>套餐内容</strong>
              <p>凉菜/甜品：橙香雪梨、仙草小番茄2选1</p>
              <p>配菜：二人拼盘	1份 </p>
              <p>主食：米饭	2份 </p>
              <p>饮料：梅大大的乌梅 汁 1扎</p>
              <a class="btn btn-y" onClick="dinner(this);">立即预定</a></li>
            <li>
              <p>预留姓名：
                <input type="text"  />
              </p>
              <p>预留电话：
                <input  type="text"  />
              </p>
              <p>预留人数：
                <input  type="text"  />
              </p>
              <a class="btn btn-y">立即预定</a></li>
          </ul>
        </div>
      </div>
      精品2人套餐<span>￥2000</span></li>
  </ul>
</div>
<div class="main-con index-con text_c"><strong>超值主题</strong></div>
<div class="main-con investment-top mb20 clearfix"> <a href="dinnerDetail.html" class="fl">
  <div class="pic"><img src="images/dinner1.jpg" alt="" /></div>
  金玉良缘婚庆
  <p>Golden jade<br/>
    marriage celebration</p>
  </a><a href="dinnerDetail.html" class="fr">
  <div class="pic"><img src="images/dinner2.jpg" alt="" /></div>
  金榜题名谢师宴
  <p>A banquet of thanks for<br/>
    the title of the Golden list</p>
  </a><a href="dinnerDetail.html" class="fl">
  <div class="pic"><img src="images/dinner1.jpg" alt="" /></div>
  金玉良缘婚庆
  <p>Golden jade<br/>
    marriage celebration</p>
  </a><a href="dinnerDetail.html" class="fr">
  <div class="pic"><img src="images/dinner2.jpg" alt="" /></div>
  金榜题名谢师宴
  <p>A banquet of thanks for<br/>
    the title of the Golden list</p>
  </a></div>
<!--footer-->
<?php get_footer(); ?>
<script>
	function dinner(obj){
		$(obj).closest("ul").addClass("form")
	};
	$(".setMeal").mouseleave(function(){
		$(this).find("ul").removeClass("form");
	});
</script>
</body>
</html>
